$(document).ready(function() {
    $('#delete').click(function(event) {
        event.preventDefault();
        var ajax_call_completed = false;
        var ajax_handle = $.post(Py.markUpUrl('order/delete'), {
            id: $('#order-id').val()
        }, function(data) {
            jModal.open({
                content: 'Xóa đơn đặt hàng hoàn tất!',
                title: 'Xóa đơn hàng',
                on_close: function() {
                    history.go(-1);
                },
                timeout: 3000
            });

        }, 'json');
        ajax_call_completed || jModal.open({
            content: 'Xin vui lòng đợi giây lát',
            title: 'Xác nhận giao hàng',
            loading: true,
            on_cancel: function () {
                ajax_handle.abort();
            }
        });
    });

    $('#confirm').click(function (event) {
        event.preventDefault();
        var ajax_call_completed = false;
        var ajax_handle = $.post(Py.markUpUrl('order/confirm'), {
            id: $('#order-id').val()
        }, function(data) {
            ajax_call_completed = true;
            jModal.close();
            $('#delete').fadeOut(500);
            $('#confirm').fadeOut(500);
            $('#order-state').css('opacity', 0).text('Đã xác nhận đơn hàng, chưa giao hàng').
                animate({opacity: 1}, 1500);
        }, 'json');
        ajax_call_completed || jModal.open({
            content: 'Xin vui lòng đợi giây lát',
            title: 'Xác nhận giao hàng',
            loading: true,
            on_cancel: function () {
                ajax_handle.abort();
            }
        });
    });

    $('#deliver').click(function (event) {
        event.preventDefault();
        var ajax_call_completed = false;
        var ajax_handle = $.post(Py.markUpUrl('order/deliver'), {
            id: $('#order-id').val()
        }, function (data) {
            ajax_call_completed = true;
            jModal.close();
            $('#delete').fadeOut(500);
            $('#confirm').fadeOut(500);
            $('#deliver').fadeOut(500);
            $('#order-state').css('opacity', 0).text('Đã giao hàng').
                animate({opacity: 1}, 1500);
        }, 'json');

        ajax_call_completed || jModal.open({
            content: 'Xin vui lòng đợi giây lát',
            title: 'Xác nhận giao hàng',
            loading: true,
            on_cancel: function () {
                ajax_handle.abort();
            }
        });
    })
});